<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<div class="col-sm-3 col-md-2 sidebar">
		<div class="top-navigation">
			<div class="t-menu">菜单</div>
			<div class="t-img">
				<img src="${pageContext.request.contextPath}/images/lines.png"
					alt="" />
			</div>
			<div class="clearfix"></div>
		</div>
		<div class="drop-navigation drop-navigation">
			<ul class="nav nav-sidebar">
				<li class="active"><a href="${pageContext.request.contextPath}/video/findByNumberAndTime?categoryId=1&isCharge=1&categoryId2=3" class="home-icon"><span
						class="glyphicon glyphicon-home" aria-hidden="true"></span>首页</a></li>
				<li><a href="${pageContext.request.contextPath}/videoList/singleSowing" class="sub-icon"><span
						class="glyphicon glyphicon-home glyphicon-hourglass"
						aria-hidden="true"></span>播单</a></li>
				<li><a href="#" class="menu1"><span
						class="glyphicon glyphicon-film" aria-hidden="true"></span>网络电视台<span
						class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a></li>
				<ul class="cl-effect-2">
					<li><a href="${pageContext.request.contextPath }/video/to_play_video/18">香港卫视</a></li>
					<li><a href="${pageContext.request.contextPath }/video/to_play_video/22">东海网</a></li>
					<li><a href="${pageContext.request.contextPath }/video/to_play_video/23">百湖网</a></li>
				</ul>
				<!-- script-for-menu -->
				<script>
					$("li a.menu1").click(function() {
						$("ul.cl-effect-2").slideToggle(300, function() {
							// Animation complete.
						});
					});
				</script>
				<li><a href="#" class="menu"><span
						class="glyphicon glyphicon-film glyphicon-king" aria-hidden="true"></span>视频分类<span
						class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a></li>
				<ul class="cl-effect-1">
					<li><a href="${pageContext.request.contextPath}/video/category/1">搞笑</a></li>
					<li><a href="${pageContext.request.contextPath}/video/category/2">日常</a></li>
					<li><a href="${pageContext.request.contextPath}/video/category/3">美食</a></li>
				</ul>
				<!-- script-for-menu -->
				<script>
					$("li a.menu").click(function() {
						$("ul.cl-effect-1").slideToggle(300, function() {
							// Animation complete.
						});
					});
				</script>
				<li><a href="${pageContext.request.contextPath }/video/rank" class="news-icon"><span
						class="glyphicon glyphicon-signal" aria-hidden="true"></span>排行榜</a></li>
			</ul>
			<!-- script-for-menu -->
			<script>
				$(".top-navigation").click(function() {
					$(".drop-navigation").slideToggle(300, function() {
						// Animation complete.
					});
				});
			</script>
			<div class="side-bottom"></div>
		</div>
	</div>
</body>
</html>